<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<title><s:property value="getText('title.laylaimatkhau')"/></title>

<link href="<s:url value="/view/common_view/css/style.css"/>" rel="stylesheet" type="text/css" />
<link href="<s:url value="/view/common_view/css/bootstrap.css"/>" rel="stylesheet" type="text/css" />
<link href="<s:url value="view/common_view/css/bootstrap.min.css"/>" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
 $(function() {
   $( document ).tooltip({
     position: {
       my: "center bottom-12",
       at: "center top",
       using: function( position, feedback ) {
         $( this ).css( position );
         $( "<div>" )
           .addClass( "arrow" )
           .addClass( feedback.vertical )
           .addClass( feedback.horizontal )
           .appendTo( this );
       }
     }
   });
 });
</script>
</head>
<body>
<center>
	<div id="loginbanner"></div>
</center>
	<div id="changepassword">
		<s:form id="frmchangepassword" method="post" action="/master/update-password1.html">
			<fieldset>
				<legend>
				<div id="panelHeader">
					<s:property value="getText('legend.laylaimatkhau')"/>
				</div>
				</legend>
					<!-- label Thông báo-->
				<div id="thongbao" class="thongbao">
					<div>
						<label class="message" for="message"><s:property value="getText('message.thongbao')"/></label>
					</div>
				</div>
				<div id="thongbao1" class="thongbao">
					<div style="color: red" id="message">
						<s:iterator value="arrErrorMessage" status="stt">
							<s:property value="arrErrorMessage.get(#stt.index)" />
							<br />
						</s:iterator>
					</div>
					<div style="color: blue" id="succesmessage">
							<s:property value="successmessage"/>
					</div>
					<hr/>
				</div>
				<div id="logincontent">
					<!--==================================================================== LABEL-->
						<div id="label" class="retrieve-text">
						<div>
							<label class="temporaryPassword" for="temporaryPassword"><s:property value="getText('label.matkhautam')"/> :</label>
						</div>
						<div>
							<label class="password" for="password"><s:property value="getText('label.matkhaumoi')"/> :</label>
						</div>
						<div>
							<label class="confirmnewpassword" for="confirmnewpassword"><s:property value="getText('label.xacnhanmatkhaumoi')"/> :</label>
						</div>
					</div>

				<!--==================================================================== TEXTBOX-->
				<div id="textbox" class="changepass-text">
					<input type="hidden" name="userID" value ='<%=request.getParameter("userID")%>'/>					
					<div>
						<s:password id="oldpassword" class="oldpassword" type="text" size="50" name="temporaryPassword" 
						title="Nhập mật khẩu có độ dài tối đa 6-50 kí tự" />
					</div>
					<div>
						<s:password id="newpassword" class="newpassword" type="text" size="50" name="newPassword" 
						title="Nhập mật khẩu mới có độ dài tối đa 6-50 kí tự"/>
					</div>
					<div>
						<s:password id="confirmnewpassword" class="tentaikhoan"
							type="text" name="confirmNewPassword" size="50" title="Nhập xác nhận mật khẩu mới phải trùng với mật khẩu mới"/>
					</div>
				</div>
				</div>
				
				<!--==================================================================== BUTTON-->
				<div id="changepass_button" class="changepass_button">
					<div id="changepass_cancel">
						<%-- <s:submit id="cancel" class="formbutton" value="Hủy" /> --%>
						<a class="btn btn-warning" href="home.html" title="Nhấn để quay về trang chủ"><s:property value="getText('button.huy')"/></a>
					</div>
					<div id="changepass_ok">
						<%-- <s:submit id="save" class="formbutton" value="Đồng ý" /> --%>
						<button class="btn btn-success" type="submit" title="Nhấn để cập nhật mới mật khẩu"><s:property value="getText('button.dongy')"/></button>
					</div>
				</div>
			</fieldset>
		</s:form>
	</div>
	<center>
		<!-- FOOTER -->
		<div id="loginfooter">
			<div id="footerinfoextra">
					<label><strong><s:property value="getText('label.congty')"/></strong></label><br/>
					<label><s:property value="getText('label.diachicty')"/></label><br/>
					<label><s:property value="getText('label.vanphong')"/></label><br/>
					<label>Hotline : 08 12 345 678 – 098 123 4567</label><br/>
					<label>Email: cungdeal@gmail.com</label><br/>
			</div>
		</div>
		<div id="messagefooter">
			Copyright by SOL Team. All Rights Reserved.
		</div>
		<!-- FOOTER -->
	</center>
</body>
</html>